<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" charset="UTF-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		
		<link type="text/css" rel="stylesheet" href="../css/model/bootstrap.css" />
		<link type="text/css" rel="stylesheet" href="../css/top.css" />
		<link type="text/css" rel="stylesheet" href="../css/sub_order.css" />
		
		<script type="text/javascript" src="../js/model/jquery-2.1.4.min.js"></script>
		<script type="text/javascript" src="../js/model/bootstrap.js"></script>
		<script type="text/javascript" src="../js/layer/layer.js"></script>
		<script type="text/javascript" src="../js/model/reset_font.js"  ></script>
		<script type="text/javascript" src="../js/sub_order.js"></script>
		
		<title>优当借书</title>
		<!--<style>
			.swiper-container{width:100%;margin-top: 0.92rem;}
			
		</style>-->
	</head>
	<body>
	<!--顶部 固定-->
	<div class="top">
		<a href="book_detail.html" class="goback" >
			<img src="../images/icons/goback2.png" />
		</a>
		<span>确认订单</span>
	</div>
	<!--/顶部-->
		
	<!-------------提交订单 主要内容 包含 头部导航和订单内容-------------->
	<div class="main" >
		<!----------------------------------part1-导航条-------------------------------->
		<!--<div class="nav" id="regUseBtn">
				<a class="navs nav_left Btnbutton active" value="1" id="aaa" href="#">
					<span class="font_t">配送上门</span>
				</a>
				<a class="navs nav_right Btnbutton" href="#" value="2">
					<span class="font_t">门店自提</span>
				</a>
		</div>-->
		<!---------------------------------导航结束------------------------------------->
		
		<!----------------------------------part2  订单主体------------------------------>
			
		<form name="reg_testdate" class="" action="gotopay.html" method="post" onsubmit="return checkform()"> 
		<!--提交表单信息  开始-->		
		<div class="content" id="registerCont" >
			<!-----------------------------------地址栏- 开始--------------------------------------------->
			
			<div class="addr">
				<!------------------配送上门------------------------->
				<div class="pssm" >
					<!------------------------------1--无地址-开始-------------------------------->
					<div class="addr_none"  style="display: none;">
						<a href="add_addr.html" >
							<span class="a_img" >
								<img src="../images/sub_order/add2.png"  />
							</span>
							<span class="add_text">
								新增收货地址
							</span>
						</a>
					</div>	
					<!-------------------------------无地址-结束----------------------------------------->
					<!------------------------------2-有地址--------------------------------->
					<div class="addr_has">
						<a href="chose_address.html">
							<!--<img src="../images/sub_order/addr_bg.png" class="add_bg" style="border:1px solid red;"/>-->
							<div class="position">
								<img src="../images/sub_order/addr.png" class="" />
							</div>
							<div class="a_text">
								<div class="text_top">
									<span class="username">
										<span>收货人：</span>
										<span>朱爽</span>
									</span>
									<span class="phone">13585456850</span>
								</div>
								<div class="text_bot">
									<span>收货地址：</span>
									<span>江苏省徐州市鼓楼区淮海科技园a2座1楼创客邦</span>
								</div>
							</div>	
							<div class="a_arrow">
								<img src="../images/sub_order/arrow.png" />
							</div>	
						</a>
					</div>
					<!------------------------------2-有地址-结束-------------------------------->
				</div>
				<!--pssm the end-->
				<!----------------------------------配送上门    结束------------------------------------------>
				
				<!-----------------------------------门店自提---开始---------------------------------------->
				<!--<div class="mdzt" style="display: none;">
					<a href="#">
						<div class="position">
								<img src="../images/sub_order/addr.png" class="" />
						</div>
						<div class="a_text">
							<div class="text_top">
								优选蛋糕店
							</div>
							<div class="text_bot">
								<span>收货地址：</span>
								<span>
									江苏省徐州市鼓楼区淮海科技园a2座1楼创客邦
									江苏省徐州市鼓楼区淮海科技园a2座1楼创客邦
								</span>
							</div>
						</div>	
						<div class="m_tel">
							<a href="tel:12345678901" >
								<img src="../images/sub_order/tel.png" class="dianhua" />
							</a>
						</div>
					<div class="clear"></div>
					</a>
					
				</div>-->
				<!-----------------------------------门店自提---结束--------------------------------------------->
			</div>
			<!--addr the end-->
			<!-----------------------------------地址栏- 结束--------------------------------------------->
			
			<!--<div class="item" >-->
				<!--<div class="peisong" >-->
					<!--姓名-->
					<!--<div class="message_s">
						<label>姓名</label>
						<input type="text" class="yyr" name="预约人" value="" placeholder="预约人姓名"/>
					</div>-->
					<!--预约人手机-->
					<!--<div class="message_s">
						<label>手机号</label>
						<input type="text" class="yyr_tel" name="预约人手机" value="" placeholder="预约人联系号码" onkeyup="value=value.replace(/[^\d]/g,'')" ng-pattern="/[^a-zA-Z]" maxLength="16"/>
					</div>-->
				<!--div-->
				<!--<div class="ziti" style="display: none;">-->
					<!--取货人姓名-->
					<!--<div class="message_s">
						<label>姓名</label>
						<input type="text" class="qhr" name="取货人" value="" placeholder="预约人姓名"/>
					</div>-->
					<!--取货人手机-->
					<!--<div class="message_s">
						<label>手机号</label>
						<input type="text" class="qhr_tel" name="预约人手机" value="" placeholder="预约人联系号码" onkeyup="value=value.replace(/[^\d]/g,'')" ng-pattern="/[^a-zA-Z]" maxLength="16"/>
					</div>-->
				<!--</div>-->
			<!--</div>-->
			<!--配送时间-->
			<!--<div class="item pssj">
				<div class="message_s" >
					<label id="pssj_text">配送时间</label>
					 <span class="choose2" >-->
							<!--第一版- 暂时不用了->
							<!--<a href="#" >
								请选择
							<img class="arrow_r" src="images/sub_order/2.png" alt="这是一个图片"/>
								</a>-->
						<!--第二版-->
						<!--<select name="YYYY" onChange="YYYYDD(this.value)" >
							<option value="">-年-</option>
						</select>
						<select name="MM" onChange="MMDD(this.value)">
							<option value="">-月-</option>
						</select>
						<select name="DD">
							<option value="">-日-</option>
						</select>
					 </span>
				</div>-->
				<!--<div class="clear"></div>-->
				<!--第一版  暂时不用-->
				<!--<div class="shuoming">
						<span class="yesj_text">配送时间&nbsp;</span>
						<span>9:00~20:00</span>
					</div>-->
				<!--<div class="message_s">
					<label>具体时间</label>
					<input type="text" class="jtsj" name="具体时间" value="" placeholder="请填写您方便的取货时间"  maxLength="32"/>
				</div>
			</div>-->
			<!--/配送时间-->
			<!--一个订单开始-->	
				<!--订单信息-->
				<div class="cakelist" >
					<!--订单头部-->
					<div class="c_title font_b_l">
						<div class="c_item">
							订单详情
						</div>
					</div>
					<div class="c_con">
						<!--门店地址等-->
								<!--<div class="message_s2" style="display: none;">
									<div class="c_item">
										<label>门店信息</label>
										<div class="s2_right">
											<div class="shop_msg">小甜甜甜品店（黄河北路店）</div>
											<div class="shop_msg">徐州市鼓楼区黄河北路90号淮海文化科技产业园A2楼</div>
											<div class="shop_msg telphone">
												<span class="tel_text">联系电话：</span>
												<span class="tel">
													0516-85867616 <br/>  15125246540
												</span>
											</div>
										</div>
										<div class="clear"></div>
									</div>
								</div>-->
						<!--蛋糕信息  图片价格 名字等-->
						<div class="c_cake">
							<!--<a href="#">-->
								<img src="../images/books/booka.png" class="cake_pic"  />
								<div class="c_detail">
									<div class="cake_name">公主蛋糕淡奶油口味公主蛋糕淡奶油口味</div>
									<div class="c_price font_red">￥<span>59.00</span></div>
									<div class="c_taste">
										<span class="taste">6寸 淡奶蛋糕 黄色 红色小猪数字蜡烛 贺卡1</span>
									</div>
									<div class="c_num">x<span class="num">12244209</span></span></div>
								</div>
							<!--</a>-->
						</div>
						<div class="line"></div>
						<!--蛋糕信息  图片价格 名字等-->
						<div class="c_cake">
							<!--<a href="#">-->
								<img src="../images/books/booka.png" class="cake_pic"  />
								<div class="c_detail">
									<div class="cake_name">公主蛋糕淡奶油口味公主蛋糕淡奶油口味</div>
									<div class="c_price font_red">￥<span>59.00</span></div>
									<div class="c_taste">
										<span class="taste">6寸 淡奶蛋糕 黄色 红色小猪数字蜡烛 贺卡1</span>
									</div>
									<div class="c_num">x<span class="num">12244209</span></span></div>
								</div>
							<!--</a>-->
						</div>
						<div class="line"></div>
						<!--蛋糕信息  图片价格 名字等-->
						<div class="c_cake">
							<!--<a href="#">-->
								<img src="../images/books/booka.png" class="cake_pic"  />
								<div class="c_detail">
									<div class="cake_name">公主蛋糕淡奶油口味公主蛋糕淡奶油口味</div>
									<div class="c_price font_red">￥<span>59.00</span></div>
									<div class="c_taste">
										<span class="taste">6寸 淡奶蛋糕 黄色 红色小猪数字蜡烛 贺卡1</span>
									</div>
									<div class="c_num">x<span class="num">12244209</span></span></div>
								</div>
							<!--</a>-->
						</div>
						<div class="line"></div>
						<!--蛋糕信息  图片价格 名字等-->
						<div class="c_cake">
							<!--<a href="#">-->
								<img src="../images/books/book.png" class="cake_pic"  />
								<div class="c_detail">
									<div class="cake_name">公主蛋糕淡奶油口味公主蛋糕淡奶油口味</div>
									<div class="c_price font_red">￥<span>59.00</span></div>
									<div class="c_taste">
										<span class="taste">6寸 淡奶蛋糕 黄色 红色小猪数字蜡烛 贺卡1</span>
									</div>
									<div class="c_num">x<span class="num">12244209</span></span></div>
								</div>
							<!--</a>-->
						</div>
						<div class="line"></div>
								
						<!--备注-->
						<div class="c_bak">
							<div>
								<span>备注:</span>
								<textarea placeholder="(选填)对卖家留言或想在贺卡上写点什么" class="baks"></textarea>
							</div>
						</div>
						<div class="clear"></div>		
					</div>
							
					<!--配送费-->
					<!--<div class="item fee">
						<div class="psf0">配送费<span class="font_red psf">￥<span>6.00</span></span></div>
						<!--<div class="font_g_s other">（店家设置的话，关于配送费的说明）</div>-->
					<!--</div>-->
					<!--/配送费-->
					<!--优惠方式-201711版本删除->
					<!--<div class="item discount">
							<span class="font_b_l">优惠方式</span>
							<span class="font_g_s">当前没有可用的优惠</span>
						</div>-->
					<!--/优惠方式-->
					<!--一个订单  结束-->
						
						<!--支付方式-->
						<div class="item pay">
							<div class="pay0">
								<div class="pay_top font_b_l">支付方式</div>
							<div class="pay_bot">
								<img src="../images/sub_order/weixin.png" class="pay_img" />
								<span class="pay_text">微信支付</span>
							</div>
							</div>
							
						</div>
						<!--/支付方式-->
					</div>
					
			</div>	
			<!---------content结束------------>
		<!--表单信息  结束-->	
		</div>
		<!-- 主要内容 main 结束-->
		
		<!--footer-->
		<div class="footer">
			<div class="tijiao">
				<input type="submit" value="提交订单" class="sub"  />
			</div>
			<div class="heji">
				<div class="hj_top">
					<span class="hj">合计</span>
					<span class="font_red hjje">￥</span><span class="amount font_red">118.00</span>
				</div>
			</div>
		</div>
		<!--/footer-->
			</form>
		<!--提示 开始-->
		<div class="grey" >
			<div class="whiteboard">
				<div class="wb_top">
					您借阅的书籍还在配送中，青岛订单中核实？
				</div>
				<div class="wb_bot">
					<button class="cancel">不了</button>
					<button class="heshi">去核实</button>
				</div>
			</div>
		</div>
		<script>
			window.onload=function(){
				$(".grey .cancel").click(function(){
					$(".grey").hide();
				})
				$(".grey .heshi").click(function(){
					$(".grey").hide();
					location.href="mall_index.html";
				})
			}
		</script>
		<!--提示 结束-->

	
		
</body>
</html>
